<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>历史报告</title>
    <link href="{{ url('layui/css/layui.css') }}" rel="stylesheet">
</head>
<body>
<div class="flow-demo" id="wxuser-his-report"></div>

<script src="{{ url('layui/layui.js') }}"></script>
<script>
    layui.use(function(){
        var flow = layui.flow;
        // 流加载实例
        flow.load({
            elem: '#wxuser-his-report', // 流加载容器
            // scrollElem: '#ID-flow-demo', // 滚动条所在元素，一般不用填，此处只是演示需要。
            done: function(page, next){ // 执行下一页的回调
                // 模拟数据插入
                setTimeout(function(){
                    var lis = [];
                    for(var i = 0; i < 8; i++){
                        lis.push('<li>'+ ( (page-1)*8 + i + 1 ) +'</li>')
                    }

                    // 执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
                    // pages 为 Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
                    next(lis.join(''), page < 10); // 此处假设总页数为 10
                }, 520);
            }
        });
    });
</script>

</body>
</html>
